<!DOCTYPE html>
<html lang="en">
<head>
	<!--
		Charisma v1.0.0

		Copyright 2012 Muhammad Usman
		Licensed under the Apache License v2.0
		http://www.apache.org/licenses/LICENSE-2.0

		http://usman.it
		http://twitter.com/halalit_usman
	-->
	<meta charset="utf-8"/>
	<title>Dashboard</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
	<meta name="description" content="Charisma, a fully featured, responsive, HTML5, Bootstrap admin template."/>
	<meta name="author" content="Muhammad Usman"/>

	<?php include("import-css.php");?>	
</head>
<body>
	<?php include("header.php");?>
	
	<div class="container-fluid">
		<div class="row-fluid">
			
			<?php include("menu.php");?>

            <div id="content" class="span10">
    			<div>
    				<ul class="breadcrumb">
    					<li>
    						<a href="#">Home</a> <span class="divider">/</span>
    					</li>
    					<li>
    						<a href="#">Tables</a>
    					</li>
    				</ul>
    			</div>
    			
    			<div class="row-fluid sortable">		
    				<div class="box span12">
    					<div class="box-header well" data-original-title>
    						<h2><i class="icon-user"></i> Members</h2>
    						<div class="box-icon">
    							<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
    							<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
    							<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
    						</div>
    					</div>
    					<div class="box-content">
    						<table class="table table-striped table-bordered bootstrap-datatable datatable">
    						  <thead>
    							  <tr>
    								  <th>Username</th>
    								  <th>Date registered</th>
    								  <th>Role</th>
    								  <th>Status</th>
    								  <th>Actions</th>
    							  </tr>
    						  </thead>   
    						  <tbody>
    							<tr>
    								<td>David R</td>
    								<td class="center">2012/01/01</td>
    								<td class="center">Member</td>
    								<td class="center">
    									<span class="label label-success">Active</span>
    								</td>
    								<td class="center">
    									<a class="btn btn-success" href="#">
    										<i class="icon-zoom-in icon-white"></i>  
    										View                                            
    									</a>
    									<a class="btn btn-info" href="#">
    										<i class="icon-edit icon-white"></i>  
    										Edit                                            
    									</a>
    									<a class="btn btn-danger" href="#">
    										<i class="icon-trash icon-white"></i> 
    										Delete
    									</a>
    								</td>
    							</tr>
    							<tr>
    								<td>Chris Jack</td>
    								<td class="center">2012/01/01</td>
    								<td class="center">Member</td>
    								<td class="center">
    									<span class="label label-success">Active</span>
    								</td>
    								<td class="center">
    									<a class="btn btn-success" href="#">
    										<i class="icon-zoom-in icon-white"></i>  
    										View                                            
    									</a>
    									<a class="btn btn-info" href="#">
    										<i class="icon-edit icon-white"></i>  
    										Edit                                            
    									</a>
    									<a class="btn btn-danger" href="#">
    										<i class="icon-trash icon-white"></i> 
    										Delete
    									</a>
    								</td>
    							</tr>
    							<tr>
    								<td>Jack Chris</td>
    								<td class="center">2012/01/01</td>
    								<td class="center">Member</td>
    								<td class="center">
    									<span class="label label-success">Active</span>
    								</td>
    								<td class="center">
    									<a class="btn btn-success" href="#">
    										<i class="icon-zoom-in icon-white"></i>  
    										View                                            
    									</a>
    									<a class="btn btn-info" href="#">
    										<i class="icon-edit icon-white"></i>  
    										Edit                                            
    									</a>
    									<a class="btn btn-danger" href="#">
    										<i class="icon-trash icon-white"></i> 
    										Delete
    									</a>
    								</td>
    							</tr>
    							<tr>
    								<td>Muhammad Usman</td>
    								<td class="center">2012/01/01</td>
    								<td class="center">Member</td>
    								<td class="center">
    									<span class="label label-success">Active</span>
    								</td>
    								<td class="center">
    									<a class="btn btn-success" href="#">
    										<i class="icon-zoom-in icon-white"></i>  
    										View                                            
    									</a>
    									<a class="btn btn-info" href="#">
    										<i class="icon-edit icon-white"></i>  
    										Edit                                            
    									</a>
    									<a class="btn btn-danger" href="#">
    										<i class="icon-trash icon-white"></i> 
    										Delete
    									</a>
    								</td>
    							</tr>
    							<tr>
    								<td>Sheikh Heera</td>
    								<td class="center">2012/02/01</td>
    								<td class="center">Staff</td>
    								<td class="center">
    									<span class="label label-important">Banned</span>
    								</td>
    								<td class="center">
    									<a class="btn btn-success" href="#">
    										<i class="icon-zoom-in icon-white"></i>  
    										View                                            
    									</a>
    									<a class="btn btn-info" href="#">
    										<i class="icon-edit icon-white"></i>  
    										Edit                                            
    									</a>
    									<a class="btn btn-danger" href="#">
    										<i class="icon-trash icon-white"></i> 
    										Delete
    									</a>
    								</td>
    							</tr>
    							<tr>
    								<td>Helen Garner</td>
    								<td class="center">2012/02/01</td>
    								<td class="center">Staff</td>
    								<td class="center">
    									<span class="label label-important">Banned</span>
    								</td>
    								<td class="center">
    									<a class="btn btn-success" href="#">
    										<i class="icon-zoom-in icon-white"></i>  
    										View                                            
    									</a>
    									<a class="btn btn-info" href="#">
    										<i class="icon-edit icon-white"></i>  
    										Edit                                            
    									</a>
    									<a class="btn btn-danger" href="#">
    										<i class="icon-trash icon-white"></i> 
    										Delete
    									</a>
    								</td>
    							</tr>
    							<tr>
    								<td>Saruar Ahmed</td>
    								<td class="center">2012/03/01</td>
    								<td class="center">Member</td>
    								<td class="center">
    									<span class="label label-warning">Pending</span>
    								</td>
    								<td class="center">
    									<a class="btn btn-success" href="#">
    										<i class="icon-zoom-in icon-white"></i>  
    										View                                            
    									</a>
    									<a class="btn btn-info" href="#">
    										<i class="icon-edit icon-white"></i>  
    										Edit                                            
    									</a>
    									<a class="btn btn-danger" href="#">
    										<i class="icon-trash icon-white"></i> 
    										Delete
    									</a>
    								</td>
    							</tr>
    							<tr>
    								<td>Ahemd Saruar</td>
    								<td class="center">2012/03/01</td>
    								<td class="center">Member</td>
    								<td class="center">
    									<span class="label label-warning">Pending</span>
    								</td>
    								<td class="center">
    									<a class="btn btn-success" href="#">
    										<i class="icon-zoom-in icon-white"></i>  
    										View                                            
    									</a>
    									<a class="btn btn-info" href="#">
    										<i class="icon-edit icon-white"></i>  
    										Edit                                            
    									</a>
    									<a class="btn btn-danger" href="#">
    										<i class="icon-trash icon-white"></i> 
    										Delete
    									</a>
    								</td>
    							</tr>
    							<tr>
    								<td>Habib Rizwan</td>
    								<td class="center">2012/01/21</td>
    								<td class="center">Staff</td>
    								<td class="center">
    									<span class="label label-success">Active</span>
    								</td>
    								<td class="center">
    									<a class="btn btn-success" href="#">
    										<i class="icon-zoom-in icon-white"></i>  
    										View                                            
    									</a>
    									<a class="btn btn-info" href="#">
    										<i class="icon-edit icon-white"></i>  
    										Edit                                            
    									</a>
    									<a class="btn btn-danger" href="#">
    										<i class="icon-trash icon-white"></i> 
    										Delete
    									</a>
    								</td>
    							</tr>
    							<tr>
    								<td>Rizwan Habib</td>
    								<td class="center">2012/01/21</td>
    								<td class="center">Staff</td>
    								<td class="center">
    									<span class="label label-success">Active</span>
    								</td>
    								<td class="center">
    									<a class="btn btn-success" href="#">
    										<i class="icon-zoom-in icon-white"></i>  
    										View                                            
    									</a>
    									<a class="btn btn-info" href="#">
    										<i class="icon-edit icon-white"></i>  
    										Edit                                            
    									</a>
    									<a class="btn btn-danger" href="#">
    										<i class="icon-trash icon-white"></i> 
    										Delete
    									</a>
    								</td>
    							</tr>
    							<tr>
    								<td>Amrin Sana</td>
    								<td class="center">2012/08/23</td>
    								<td class="center">Staff</td>
    								<td class="center">
    									<span class="label label-important">Banned</span>
    								</td>
    								<td class="center">
    									<a class="btn btn-success" href="#">
    										<i class="icon-zoom-in icon-white"></i>  
    										View                                            
    									</a>
    									<a class="btn btn-info" href="#">
    										<i class="icon-edit icon-white"></i>  
    										Edit                                            
    									</a>
    									<a class="btn btn-danger" href="#">
    										<i class="icon-trash icon-white"></i> 
    										Delete
    									</a>
    								</td>
    							</tr>
    							<tr>
    								<td>Sana Amrin</td>
    								<td class="center">2012/08/23</td>
    								<td class="center">Staff</td>
    								<td class="center">
    									<span class="label label-important">Banned</span>
    								</td>
    								<td class="center">
    									<a class="btn btn-success" href="#">
    										<i class="icon-zoom-in icon-white"></i>  
    										View                                            
    									</a>
    									<a class="btn btn-info" href="#">
    										<i class="icon-edit icon-white"></i>  
    										Edit                                            
    									</a>
    									<a class="btn btn-danger" href="#">
    										<i class="icon-trash icon-white"></i> 
    										Delete
    									</a>
    								</td>
    							</tr>
    							<tr>
    								<td>Ifrah Jannat</td>
    								<td class="center">2012/06/01</td>
    								<td class="center">Admin</td>
    								<td class="center">
    									<span class="label">Inactive</span>
    								</td>
    								<td class="center">
    									<a class="btn btn-success" href="#">
    										<i class="icon-zoom-in icon-white"></i>  
    										View                                            
    									</a>
    									<a class="btn btn-info" href="#">
    										<i class="icon-edit icon-white"></i>  
    										Edit                                            
    									</a>
    									<a class="btn btn-danger" href="#">
    										<i class="icon-trash icon-white"></i> 
    										Delete
    									</a>
    								</td>
    							</tr>
    							<tr>
    								<td>Jannat Ifrah</td>
    								<td class="center">2012/06/01</td>
    								<td class="center">Admin</td>
    								<td class="center">
    									<span class="label">Inactive</span>
    								</td>
    								<td class="center">
    									<a class="btn btn-success" href="#">
    										<i class="icon-zoom-in icon-white"></i>  
    										View                                            
    									</a>
    									<a class="btn btn-info" href="#">
    										<i class="icon-edit icon-white"></i>  
    										Edit                                            
    									</a>
    									<a class="btn btn-danger" href="#">
    										<i class="icon-trash icon-white"></i> 
    										Delete
    									</a>
    								</td>
    							</tr>
    							<tr>
    								<td>Robert</td>
    								<td class="center">2012/03/01</td>
    								<td class="center">Member</td>
    								<td class="center">
    									<span class="label label-warning">Pending</span>
    								</td>
    								<td class="center">
    									<a class="btn btn-success" href="#">
    										<i class="icon-zoom-in icon-white"></i>  
    										View                                            
    									</a>
    									<a class="btn btn-info" href="#">
    										<i class="icon-edit icon-white"></i>  
    										Edit                                            
    									</a>
    									<a class="btn btn-danger" href="#">
    										<i class="icon-trash icon-white"></i> 
    										Delete
    									</a>
    								</td>
    							</tr>
    							<tr>
    								<td>Dave Robert</td>
    								<td class="center">2012/03/01</td>
    								<td class="center">Member</td>
    								<td class="center">
    									<span class="label label-warning">Pending</span>
    								</td>
    								<td class="center">
    									<a class="btn btn-success" href="#">
    										<i class="icon-zoom-in icon-white"></i>  
    										View                                            
    									</a>
    									<a class="btn btn-info" href="#">
    										<i class="icon-edit icon-white"></i>  
    										Edit                                            
    									</a>
    									<a class="btn btn-danger" href="#">
    										<i class="icon-trash icon-white"></i> 
    										Delete
    									</a>
    								</td>
    							</tr>
    							<tr>
    								<td>Brown Robert</td>
    								<td class="center">2012/03/01</td>
    								<td class="center">Member</td>
    								<td class="center">
    									<span class="label label-warning">Pending</span>
    								</td>
    								<td class="center">
    									<a class="btn btn-success" href="#">
    										<i class="icon-zoom-in icon-white"></i>  
    										View                                            
    									</a>
    									<a class="btn btn-info" href="#">
    										<i class="icon-edit icon-white"></i>  
    										Edit                                            
    									</a>
    									<a class="btn btn-danger" href="#">
    										<i class="icon-trash icon-white"></i> 
    										Delete
    									</a>
    								</td>
    							</tr>
    							<tr>
    								<td>Usman Muhammad</td>
    								<td class="center">2012/01/01</td>
    								<td class="center">Member</td>
    								<td class="center">
    									<span class="label label-success">Active</span>
    								</td>
    								<td class="center">
    									<a class="btn btn-success" href="#">
    										<i class="icon-zoom-in icon-white"></i>  
    										View                                            
    									</a>
    									<a class="btn btn-info" href="#">
    										<i class="icon-edit icon-white"></i>  
    										Edit                                            
    									</a>
    									<a class="btn btn-danger" href="#">
    										<i class="icon-trash icon-white"></i> 
    										Delete
    									</a>
    								</td>
    							</tr>
    							<tr>
    								<td>Abdullah</td>
    								<td class="center">2012/02/01</td>
    								<td class="center">Staff</td>
    								<td class="center">
    									<span class="label label-important">Banned</span>
    								</td>
    								<td class="center">
    									<a class="btn btn-success" href="#">
    										<i class="icon-zoom-in icon-white"></i>  
    										View                                            
    									</a>
    									<a class="btn btn-info" href="#">
    										<i class="icon-edit icon-white"></i>  
    										Edit                                            
    									</a>
    									<a class="btn btn-danger" href="#">
    										<i class="icon-trash icon-white"></i> 
    										Delete
    									</a>
    								</td>
    							</tr>
    							<tr>
    								<td>Dow John</td>
    								<td class="center">2012/02/01</td>
    								<td class="center">Admin</td>
    								<td class="center">
    									<span class="label">Inactive</span>
    								</td>
    								<td class="center">
    									<a class="btn btn-success" href="#">
    										<i class="icon-zoom-in icon-white"></i>  
    										View                                            
    									</a>
    									<a class="btn btn-info" href="#">
    										<i class="icon-edit icon-white"></i>  
    										Edit                                            
    									</a>
    									<a class="btn btn-danger" href="#">
    										<i class="icon-trash icon-white"></i> 
    										Delete
    									</a>
    								</td>
    							</tr>
    							<tr>
    								<td>John R</td>
    								<td class="center">2012/02/01</td>
    								<td class="center">Admin</td>
    								<td class="center">
    									<span class="label">Inactive</span>
    								</td>
    								<td class="center">
    									<a class="btn btn-success" href="#">
    										<i class="icon-zoom-in icon-white"></i>  
    										View                                            
    									</a>
    									<a class="btn btn-info" href="#">
    										<i class="icon-edit icon-white"></i>  
    										Edit                                            
    									</a>
    									<a class="btn btn-danger" href="#">
    										<i class="icon-trash icon-white"></i> 
    										Delete
    									</a>
    								</td>
    							</tr>
    							<tr>
    								<td>Paul Wilson</td>
    								<td class="center">2012/03/01</td>
    								<td class="center">Member</td>
    								<td class="center">
    									<span class="label label-warning">Pending</span>
    								</td>
    								<td class="center">
    									<a class="btn btn-success" href="#">
    										<i class="icon-zoom-in icon-white"></i>  
    										View                                            
    									</a>
    									<a class="btn btn-info" href="#">
    										<i class="icon-edit icon-white"></i>  
    										Edit                                            
    									</a>
    									<a class="btn btn-danger" href="#">
    										<i class="icon-trash icon-white"></i> 
    										Delete
    									</a>
    								</td>
    							</tr>
    							<tr>
    								<td>Wilson Paul</td>
    								<td class="center">2012/03/01</td>
    								<td class="center">Member</td>
    								<td class="center">
    									<span class="label label-warning">Pending</span>
    								</td>
    								<td class="center">
    									<a class="btn btn-success" href="#">
    										<i class="icon-zoom-in icon-white"></i>  
    										View                                            
    									</a>
    									<a class="btn btn-info" href="#">
    										<i class="icon-edit icon-white"></i>  
    										Edit                                            
    									</a>
    									<a class="btn btn-danger" href="#">
    										<i class="icon-trash icon-white"></i> 
    										Delete
    									</a>
    								</td>
    							</tr>
    							<tr>
    								<td>Heera Sheikh</td>
    								<td class="center">2012/01/21</td>
    								<td class="center">Staff</td>
    								<td class="center">
    									<span class="label label-success">Active</span>
    								</td>
    								<td class="center">
    									<a class="btn btn-success" href="#">
    										<i class="icon-zoom-in icon-white"></i>  
    										View                                            
    									</a>
    									<a class="btn btn-info" href="#">
    										<i class="icon-edit icon-white"></i>  
    										Edit                                            
    									</a>
    									<a class="btn btn-danger" href="#">
    										<i class="icon-trash icon-white"></i> 
    										Delete
    									</a>
    								</td>
    							</tr>
    							<tr>
    								<td>Sheikh Heera</td>
    								<td class="center">2012/01/21</td>
    								<td class="center">Staff</td>
    								<td class="center">
    									<span class="label label-success">Active</span>
    								</td>
    								<td class="center">
    									<a class="btn btn-success" href="#">
    										<i class="icon-zoom-in icon-white"></i>  
    										View                                            
    									</a>
    									<a class="btn btn-info" href="#">
    										<i class="icon-edit icon-white"></i>  
    										Edit                                            
    									</a>
    									<a class="btn btn-danger" href="#">
    										<i class="icon-trash icon-white"></i> 
    										Delete
    									</a>
    								</td>
    							</tr>
    							<tr>
    								<td>Christopher</td>
    								<td class="center">2012/08/23</td>
    								<td class="center">Staff</td>
    								<td class="center">
    									<span class="label label-important">Banned</span>
    								</td>
    								<td class="center">
    									<a class="btn btn-success" href="#">
    										<i class="icon-zoom-in icon-white"></i>  
    										View                                            
    									</a>
    									<a class="btn btn-info" href="#">
    										<i class="icon-edit icon-white"></i>  
    										Edit                                            
    									</a>
    									<a class="btn btn-danger" href="#">
    										<i class="icon-trash icon-white"></i> 
    										Delete
    									</a>
    								</td>
    							</tr>
    							<tr>
    								<td>Andro Christopher</td>
    								<td class="center">2012/08/23</td>
    								<td class="center">Staff</td>
    								<td class="center">
    									<span class="label label-important">Banned</span>
    								</td>
    								<td class="center">
    									<a class="btn btn-success" href="#">
    										<i class="icon-zoom-in icon-white"></i>  
    										View                                            
    									</a>
    									<a class="btn btn-info" href="#">
    										<i class="icon-edit icon-white"></i>  
    										Edit                                            
    									</a>
    									<a class="btn btn-danger" href="#">
    										<i class="icon-trash icon-white"></i> 
    										Delete
    									</a>
    								</td>
    							</tr>
    							<tr>
    								<td>Jhon Doe</td>
    								<td class="center">2012/06/01</td>
    								<td class="center">Admin</td>
    								<td class="center">
    									<span class="label">Inactive</span>
    								</td>
    								<td class="center">
    									<a class="btn btn-success" href="#">
    										<i class="icon-zoom-in icon-white"></i>  
    										View                                            
    									</a>
    									<a class="btn btn-info" href="#">
    										<i class="icon-edit icon-white"></i>  
    										Edit                                            
    									</a>
    									<a class="btn btn-danger" href="#">
    										<i class="icon-trash icon-white"></i> 
    										Delete
    									</a>
    								</td>
    							</tr>
    							<tr>
    								<td>Lorem Ipsum</td>
    								<td class="center">2012/03/01</td>
    								<td class="center">Member</td>
    								<td class="center">
    									<span class="label label-warning">Pending</span>
    								</td>
    								<td class="center">
    									<a class="btn btn-success" href="#">
    										<i class="icon-zoom-in icon-white"></i>  
    										View                                            
    									</a>
    									<a class="btn btn-info" href="#">
    										<i class="icon-edit icon-white"></i>  
    										Edit                                            
    									</a>
    									<a class="btn btn-danger" href="#">
    										<i class="icon-trash icon-white"></i> 
    										Delete
    									</a>
    								</td>
    							</tr>
    							<tr>
    								<td>Abraham</td>
    								<td class="center">2012/03/01</td>
    								<td class="center">Member</td>
    								<td class="center">
    									<span class="label label-warning">Pending</span>
    								</td>
    								<td class="center">
    									<a class="btn btn-success" href="#">
    										<i class="icon-zoom-in icon-white"></i>  
    										View                                            
    									</a>
    									<a class="btn btn-info" href="#">
    										<i class="icon-edit icon-white"></i>  
    										Edit                                            
    									</a>
    									<a class="btn btn-danger" href="#">
    										<i class="icon-trash icon-white"></i> 
    										Delete
    									</a>
    								</td>
    							</tr>
    							<tr>
    								<td>Brown Blue</td>
    								<td class="center">2012/03/01</td>
    								<td class="center">Member</td>
    								<td class="center">
    									<span class="label label-warning">Pending</span>
    								</td>
    								<td class="center">
    									<a class="btn btn-success" href="#">
    										<i class="icon-zoom-in icon-white"></i>  
    										View                                            
    									</a>
    									<a class="btn btn-info" href="#">
    										<i class="icon-edit icon-white"></i>  
    										Edit                                            
    									</a>
    									<a class="btn btn-danger" href="#">
    										<i class="icon-trash icon-white"></i> 
    										Delete
    									</a>
    								</td>
    							</tr>
    							<tr>
    								<td>Worth Name</td>
    								<td class="center">2012/03/01</td>
    								<td class="center">Member</td>
    								<td class="center">
    									<span class="label label-warning">Pending</span>
    								</td>
    								<td class="center">
    									<a class="btn btn-success" href="#">
    										<i class="icon-zoom-in icon-white"></i>  
    										View                                            
    									</a>
    									<a class="btn btn-info" href="#">
    										<i class="icon-edit icon-white"></i>  
    										Edit                                            
    									</a>
    									<a class="btn btn-danger" href="#">
    										<i class="icon-trash icon-white"></i> 
    										Delete
    									</a>
    								</td>
    							</tr>
    						  </tbody>
    					  </table>            
    					</div>
    				</div><!--/span-->
    			
    			</div><!--/row-->
    
    			<div class="row-fluid sortable">
    				<div class="box span6">
    					<div class="box-header well" data-original-title>
    						<h2>Simple Table</h2>
    						<div class="box-icon">
    							<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
    							<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
    							<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
    						</div>
    					</div>
    					<div class="box-content">
    						<table class="table">
    							  <thead>
    								  <tr>
    									  <th>Username</th>
    									  <th>Date registered</th>
    									  <th>Role</th>
    									  <th>Status</th>                                          
    								  </tr>
    							  </thead>   
    							  <tbody>
    								<tr>
    									<td>Muhammad Usman</td>
    									<td class="center">2012/01/01</td>
    									<td class="center">Member</td>
    									<td class="center">
    										<span class="label label-success">Active</span>
    									</td>                                       
    								</tr>
    								<tr>
    									<td>White Horse</td>
    									<td class="center">2012/02/01</td>
    									<td class="center">Staff</td>
    									<td class="center">
    										<span class="label label-important">Banned</span>
    									</td>                                       
    								</tr>
    								<tr>
    									<td>Sheikh Heera</td>
    									<td class="center">2012/02/01</td>
    									<td class="center">Admin</td>
    									<td class="center">
    										<span class="label">Inactive</span>
    									</td>                                        
    								</tr>
    								<tr>
    									<td>Saruar</td>
    									<td class="center">2012/03/01</td>
    									<td class="center">Member</td>
    									<td class="center">
    										<span class="label label-warning">Pending</span>
    									</td>                                       
    								</tr>
    								<tr>
    									<td>Sana Amrin</td>
    									<td class="center">2012/01/21</td>
    									<td class="center">Staff</td>
    									<td class="center">
    										<span class="label label-success">Active</span>
    									</td>                                        
    								</tr>                                   
    							  </tbody>
    						 </table>  
    						 <div class="pagination pagination-centered">
    						  <ul>
    							<li><a href="#">Prev</a></li>
    							<li class="active">
    							  <a href="#">1</a>
    							</li>
    							<li><a href="#">2</a></li>
    							<li><a href="#">3</a></li>
    							<li><a href="#">4</a></li>
    							<li><a href="#">Next</a></li>
    						  </ul>
    						</div>     
    					</div>
    				</div><!--/span-->
    				
    				<div class="box span6">
    					<div class="box-header well" data-original-title>
    						<h2>Striped Table</h2>
    						<div class="box-icon">
    							<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
    							<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
    							<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
    						</div>
    					</div>
    					<div class="box-content">
    						<table class="table table-striped">
    							  <thead>
    								  <tr>
    									  <th>Username</th>
    									  <th>Date registered</th>
    									  <th>Role</th>
    									  <th>Status</th>                                          
    								  </tr>
    							  </thead>   
    							  <tbody>
    								<tr>
    									<td>Muhammad Usman</td>
    									<td class="center">2012/01/01</td>
    									<td class="center">Member</td>
    									<td class="center">
    										<span class="label label-success">Active</span>
    									</td>                                       
    								</tr>
    								<tr>
    									<td>White Horse</td>
    									<td class="center">2012/02/01</td>
    									<td class="center">Staff</td>
    									<td class="center">
    										<span class="label label-important">Banned</span>
    									</td>                                       
    								</tr>
    								<tr>
    									<td>Sheikh Heera</td>
    									<td class="center">2012/02/01</td>
    									<td class="center">Admin</td>
    									<td class="center">
    										<span class="label">Inactive</span>
    									</td>                                        
    								</tr>
    								<tr>
    									<td>Saruar</td>
    									<td class="center">2012/03/01</td>
    									<td class="center">Member</td>
    									<td class="center">
    										<span class="label label-warning">Pending</span>
    									</td>                                       
    								</tr>
    								<tr>
    									<td>Sana Amrin</td>
    									<td class="center">2012/01/21</td>
    									<td class="center">Staff</td>
    									<td class="center">
    										<span class="label label-success">Active</span>
    									</td>                                        
    								</tr>                                   
    							  </tbody>
    						 </table>  
    						 <div class="pagination pagination-centered">
    						  <ul>
    							<li><a href="#">Prev</a></li>
    							<li class="active">
    							  <a href="#">1</a>
    							</li>
    							<li><a href="#">2</a></li>
    							<li><a href="#">3</a></li>
    							<li><a href="#">4</a></li>
    							<li><a href="#">Next</a></li>
    						  </ul>
    						</div>     
    					</div>
    				</div><!--/span-->
    			</div><!--/row-->
    			
    			<div class="row-fluid sortable">	
    				<div class="box span6">
    					<div class="box-header well" data-original-title>
    						<h2>Bordered Table</h2>
    						<div class="box-icon">
    							<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
    							<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
    							<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
    						</div>
    					</div>
    					<div class="box-content">
    						<table class="table table-bordered">
    							  <thead>
    								  <tr>
    									  <th>Username</th>
    									  <th>Date registered</th>
    									  <th>Role</th>
    									  <th>Status</th>                                          
    								  </tr>
    							  </thead>   
    							  <tbody>
    								<tr>
    									<td>Muhammad Usman</td>
    									<td class="center">2012/01/01</td>
    									<td class="center">Member</td>
    									<td class="center">
    										<span class="label label-success">Active</span>
    									</td>                                       
    								</tr>
    								<tr>
    									<td>White Horse</td>
    									<td class="center">2012/02/01</td>
    									<td class="center">Staff</td>
    									<td class="center">
    										<span class="label label-important">Banned</span>
    									</td>                                       
    								</tr>
    								<tr>
    									<td>Sheikh Heera</td>
    									<td class="center">2012/02/01</td>
    									<td class="center">Admin</td>
    									<td class="center">
    										<span class="label">Inactive</span>
    									</td>                                        
    								</tr>
    								<tr>
    									<td>Saruar</td>
    									<td class="center">2012/03/01</td>
    									<td class="center">Member</td>
    									<td class="center">
    										<span class="label label-warning">Pending</span>
    									</td>                                       
    								</tr>
    								<tr>
    									<td>Sana Amrin</td>
    									<td class="center">2012/01/21</td>
    									<td class="center">Staff</td>
    									<td class="center">
    										<span class="label label-success">Active</span>
    									</td>                                        
    								</tr>                                   
    							  </tbody>
    						 </table>  
    						 <div class="pagination pagination-centered">
    						  <ul>
    							<li><a href="#">Prev</a></li>
    							<li class="active">
    							  <a href="#">1</a>
    							</li>
    							<li><a href="#">2</a></li>
    							<li><a href="#">3</a></li>
    							<li><a href="#">4</a></li>
    							<li><a href="#">Next</a></li>
    						  </ul>
    						</div>     
    					</div>
    				</div><!--/span-->
    				
    				<div class="box span6">
    					<div class="box-header well" data-original-title>
    						<h2>Condensed Table</h2>
    						<div class="box-icon">
    							<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
    							<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
    							<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
    						</div>
    					</div>
    					<div class="box-content">
    						<table class="table table-condensed">
    							  <thead>
    								  <tr>
    									  <th>Username</th>
    									  <th>Date registered</th>
    									  <th>Role</th>
    									  <th>Status</th>                                          
    								  </tr>
    							  </thead>   
    							  <tbody>
    								<tr>
    									<td>Muhammad Usman</td>
    									<td class="center">2012/01/01</td>
    									<td class="center">Member</td>
    									<td class="center">
    										<span class="label label-success">Active</span>
    									</td>                                       
    								</tr>
    								<tr>
    									<td>White Horse</td>
    									<td class="center">2012/02/01</td>
    									<td class="center">Staff</td>
    									<td class="center">
    										<span class="label label-important">Banned</span>
    									</td>                                       
    								</tr>
    								<tr>
    									<td>Sheikh Heera</td>
    									<td class="center">2012/02/01</td>
    									<td class="center">Admin</td>
    									<td class="center">
    										<span class="label">Inactive</span>
    									</td>                                        
    								</tr>
    								<tr>
    									<td>Saruar</td>
    									<td class="center">2012/03/01</td>
    									<td class="center">Member</td>
    									<td class="center">
    										<span class="label label-warning">Pending</span>
    									</td>                                       
    								</tr>
    								<tr>
    									<td>Sana Amrin</td>
    									<td class="center">2012/01/21</td>
    									<td class="center">Staff</td>
    									<td class="center">
    										<span class="label label-success">Active</span>
    									</td>                                        
    								</tr>                                   
    							  </tbody>
    						 </table>  
    						 <div class="pagination pagination-centered">
    						  <ul>
    							<li><a href="#">Prev</a></li>
    							<li class="active">
    							  <a href="#">1</a>
    							</li>
    							<li><a href="#">2</a></li>
    							<li><a href="#">3</a></li>
    							<li><a href="#">4</a></li>
    							<li><a href="#">Next</a></li>
    						  </ul>
    						</div>     
    					</div>
    				</div><!--/span-->
    			
    			</div><!--/row-->
    			
    			<div class="row-fluid sortable">	
    				<div class="box span12">
    					<div class="box-header well" data-original-title>
    						<h2>Combined All</h2>
    						<div class="box-icon">
    							<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
    							<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
    							<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
    						</div>
    					</div>
    					<div class="box-content">
    						<table class="table table-bordered table-striped table-condensed">
    							  <thead>
    								  <tr>
    									  <th>Username</th>
    									  <th>Date registered</th>
    									  <th>Role</th>
    									  <th>Status</th>                                          
    								  </tr>
    							  </thead>   
    							  <tbody>
    								<tr>
    									<td>Muhammad Usman</td>
    									<td class="center">2012/01/01</td>
    									<td class="center">Member</td>
    									<td class="center">
    										<span class="label label-success">Active</span>
    									</td>                                       
    								</tr>
    								<tr>
    									<td>White Horse</td>
    									<td class="center">2012/02/01</td>
    									<td class="center">Staff</td>
    									<td class="center">
    										<span class="label label-important">Banned</span>
    									</td>                                       
    								</tr>
    								<tr>
    									<td>Sheikh Heera</td>
    									<td class="center">2012/02/01</td>
    									<td class="center">Admin</td>
    									<td class="center">
    										<span class="label">Inactive</span>
    									</td>                                        
    								</tr>
    								<tr>
    									<td>Saruar</td>
    									<td class="center">2012/03/01</td>
    									<td class="center">Member</td>
    									<td class="center">
    										<span class="label label-warning">Pending</span>
    									</td>                                       
    								</tr>
    								<tr>
    									<td>Sana Amrin</td>
    									<td class="center">2012/01/21</td>
    									<td class="center">Staff</td>
    									<td class="center">
    										<span class="label label-success">Active</span>
    									</td>                                        
    								</tr>                                   
    							  </tbody>
    						 </table>  
    						 <div class="pagination pagination-centered">
    						  <ul>
    							<li><a href="#">Prev</a></li>
    							<li class="active">
    							  <a href="#">1</a>
    							</li>
    							<li><a href="#">2</a></li>
    							<li><a href="#">3</a></li>
    							<li><a href="#">4</a></li>
    							<li><a href="#">Next</a></li>
    						  </ul>
    						</div>     
    					</div>
    				</div><!--/span-->
    			</div><!--/row-->
            </div>
        </div>
    </div>

<?php include("import-js.php");?>
</body>
</html>